@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?feypk7');
  src:  url('../fonts/icomoon.eot?feypk7#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?feypk7') format('truetype'),
    url('../fonts/icomoon.woff?feypk7') format('woff'),
    url('../fonts/icomoon.svg?feypk7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont {font-family:"icomoon"!important;font-size: 14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-qian:before {
  content: "\e900";
}
.icon-qian2:before {
  content: "\e906";
}
.icon-chushou:before {
  content: "\e901";
  color:#fc7f7c;
}
.icon-dingdan:before {
  content: "\e902";
  color:#fc7f7c;
}
.icon-jiaoyi:before {
  content: "\e903";
  color:#fc7f7c;
}
.icon-jinbi:before {
  content: "\e904";
  color: #fca90a;
}
.icon-yuanbao:before {
  content: "\e905";
  color: #fca90a;
}
.icon-gonggao:before {
  content: "\e907";
  color:#fc7f7c;
}
.icon-gonggao1:before {
  content: "\e908";
  color:#fc7f7c;
}
*{ margin:0; padding:0;}
body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch; background:#ccc;}
.clearfix {min-height:0}
.clearfix:after {clear:both}
.clearfix:after,.clearfix:before {content:"\0020";display:table;border-collapse:collapse}
.left {float:left}
.right {float:right}
.clearfix {min-height:0}
.clearfix:after {clear:both}
.clearfix:after,.clearfix:before {content:"\0020";display:table;border-collapse:collapse}
.left {float:left}
.right {float:right}
.modal {position:absolute;top:0;left:-100%;width: 100%;height:100%;z-index:10;/*background-color:rgba(0,0,0,.2);*/overflow: hidden;-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;}
.page-loader {position:absolute;top:45%;left:50%;margin-top:-40px;margin-left:-40px;padding:20px;border-radius:5px;background-color:rgba(0,0,0,.5);color:#fff;text-align:center}
.clearfix {min-height:0}
.clearfix:after {clear:both}
.clearfix:after,.clearfix:before {content:"\0020";display:table;border-collapse:collapse}
.left {float:left}
.right {float:right}
html {height:100%}
.clearfix:before,.clearfix:after {content:" ";display:table}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
.canselect {-webkit-touch-callout:default;-webkit-user-select:text;-ms-user-select:text;user-select:text}
.canselect-code {padding:5px 8px;background-color:#eaeaea;border-radius:2px;margin:8px 0;line-height:1;display:inline-block;-webkit-touch-callout:default;-webkit-user-select:text;-ms-user-select:text;user-select:text}
.desc {font-size:12px}
body {margin:0;height:100%;font-family:Arial,Helvetica,sans-self,"Microsoft YaHei";line-height:1.5;font-size:14px;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.modal-dialog {margin:0;padding:0;width:80%;height:100%;background-color:#fff;position:relative;}
.modal-dialog .modal-left-img {position:absolute;width:22px;height:58px;top:50%;margin-top:-29px;right:-22px;background-color:#0da7ff;border-top-right-radius:6px;border-bottom-right-radius:6px;cursor: pointer;}
.modal-dialog .modal-left-img img {padding-left:7px;padding-top:21px}
.sex-man {font-size:20px;color:#00f}
.sex-woman {font-size:20px;color:red}
.cancel-button {position:absolute;width:14px;top:-7px;right:20px}
.exit-button {height:38px;line-height:38px;width:120px;text-align:center;font-size:14px;border-radius:4px;color:#fff;background-color:#0da7ff;border:none}
.clearfix {min-height:0}
.clearfix:after {clear:both}
.clearfix:after,.clearfix:before {content:"\0020";display:table;border-collapse:collapse}
.left {float:left}
.right {float:right}
.sidebar {margin:0;position:relative;height:100%;background-color:#f5f5f5;color:#333;}
.sidebar p {margin:0}

.sidebar .header {height: 70px;padding: 0 10px;background-color:#fff;}
.sidebar .header .user-wrap {margin-top:10px;float:left}
.sidebar .header .user-wrap .avatar {position:relative;float:left;width: 50px;height: 50px;}
.sidebar .header .user-wrap .avatar .user-head-img {width: 50px;height: 50px;border-radius:50%;}
.sidebar .header .user-wrap .avatar .user-vip-level {height:14px;position:absolute;bottom:0;right:-8px}
.sidebar .header .user-wrap .info {float:left;margin-left:12px}
.sidebar .header .user-wrap .info .user-score {font-size:.8em;color:orange;vertical-align:middle}
.sidebar .header .user-wrap .info .user-score .iconfont {font-size:10px;margin-right:3px}
.sidebar .header button.collectGame,.sidebar .header a.signBtn {border-radius:3px;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;display:inline-block;border:1px solid #00a2ff;color:#0da7ff;padding:3px 10px 2px;font-size:12px;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;white-space:nowrap;-webkit-font-smoothing:antialiased;float:right;margin-top: 24px;background-color:#fff;margin-left:8px;text-decoration:none;}
.sidebar .header button.collectGame:active,.sidebar .header a.signBtn:active {color:#fff;background-color:#0da7ff}
.sidebar .nav {height:64px;margin:1px 0;background-color:#fff;text-align:center}
.sidebar .nav .tab {display:table;table-layout:fixed;width:100%}
.sidebar .nav .tab div {display:table-cell;position:relative;padding:8px 0;cursor: pointer;}
.sidebar .nav .tab div .modal-indicator {background-color:#f7321a;width:8px;height:8px;position:absolute;border-radius:4px;top:4px;right:4px}
.sidebar .nav .tab div i {font-size:20px}
.sidebar .nav .tab div i.icon-chat {color:#fd6765}
.sidebar div i.icon-libao1 {color:#b4a7eb}
.sidebar div i.icon-zixun {color:#4cd89f}
.sidebar div i.icon-vip {color:#ffcb2c}
.sidebar div i.icon-more {color:#0da7ff}
.sidebar div a { display:block;  font-size:11px;  white-space:nowrap;  margin-top:2px; }
.sidebar div.active {background:#f5f5f5}


.shop_div{width:100%;overflow-x: hidden;background:#fff;overflow-y: auto;}
.sp_list ul li {position: relative;font-size: 0;border-bottom: 5px #F5F5F5 solid;padding: 10px 8px 10px 10px;}
.sp_list {width:auto;position: relative;line-height: 22px;border-radius: 3px;color: #333;word-break: break-all;}
.sp_list img {width: 40px;height: 40px;border-radius: 100%;}
.sp_list cite {position: absolute;left: 55px;top: -5px;line-height: 24px;font-size: 12px;white-space: nowrap;color: #999;text-align: left;font-style: normal;}
.sp_list cite i {padding-left: 15px;font-style: normal;}
.chat_user {position: absolute;left: 8px;display: inline-block;vertical-align: top;font-size: 14px;}
.sp_title{margin-top: 22px;margin-left: 52px;display: inline-block;vertical-align: top;font-size: 14px;color:#ffbd45;font-weight:bold;}
.sp_list ul li a{padding: 3px 8px 1px 8px;line-height: 16px;float:right;color: #0DA7FF;border-radius: 5px;border: 1px solid #0DA7FF;margin-top: 22px;font-size: 12px;text-decoration: none;margin-right: 2px;}
.cz_div{ width:100%; overflow:hidden;}
.sp_list ul li .cz_div a{ margin-top:0;}
.sp_list ul li a.gmwc_btn{ color:#999; border:1px solid #999;}
.sp_tags{line-height:30px;color:#0DA7FF;font-weight:bold;padding-left:10px;background: #F5F5F5;overflow: hidden;}
.tc_div{width:100%; height:100%; position:fixed; z-index:998; background:rgba(0,0,0,0.5); top:0; left:0px; display:none;}
.bj_div{width: 210px;background:#fff;max-height: 236px;overflow:hidden;position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:10px;display:none;}
.bj_div h4,.ewm_show h4{margin-top:15px; color:#0DA7FF; text-align:center; font-size:16px;}
.bj_div p{margin-top: 11px;padding:0 10px;color:#666;}
.bj_div p input{height:25px;width: 186px;line-height:25px;margin-top: 5px;border-radius: 5px;border: 1px solid #ccc;}
.bj_div p.bj_btn, .ewm_show p.bj_btn{height:40px;background:#0DA7FF;color:#fff;text-align:center;line-height:40px;margin-top:30px;}
.close_div{ width:20px; height:20px; text-align:center; color:#fff; background:#0DA7FF; float:right; border-radius:50%;}
.ewm_show{width:210px;height: 285px;position:absolute;overflow:hidden;background:#fff;top:0;left:0;right:0;bottom:0;margin:auto;display:none;z-index:999;text-align:center;border-radius: 10px;}
.ewm_show img{width:150px; height:150px;}
.ewm_show p{margin-top:10px;}
.ewm_show p.bj_btn{ margin-top:15px;}
.modal-trigger{height: 40px;width: 40px;position:fixed;top:0;bottom:0;margin:auto;cursor:pointer;left:0;z-index:1;}
.modal-trigger img{width:100%;}

.gonggao_div{ padding:20px 10px; overflow:hidden;}
.gonggao_div ul li{padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:12px;line-height: 24px;}
.gonggao_div ul li i{font-style:normal;padding:0 6px;background: #0DBAFF;color:#fff;margin-right:5px;}